<template>
	<view class="table page bgf6">
		
		<scroll-view class="list" scroll-y >
			<swiper autoplay circular class="bgImg my8">
				<swiper-item v-for="(item,index) in 3" :key="index">
					<image class="w-20" src="/static/img/icon/store.png" mode="widthFix"></image>
				</swiper-item>
			</swiper>
			<block v-for="(item,index) in 9" :key="index">
				<table-item :item="item"></table-item>
			</block>
		</scroll-view>
		<!-- 城市选择 -->
		<uni-popup ref="citypicker" type="bottom">
			<city-picker></city-picker>
		</uni-popup>
	</view>
</template>

<script>
	const statusBar = uni.getSystemInfoSync().statusBarHeight + 5;
	export default {
		data() {
			return {
				statusBar,
				keyword: ''
			}
		},
		methods: {
			onShowCityPicker() {
				this.$refs.citypicker.open();
			}
		}
	}
</script>

<style lang="scss" scoped>
	.table {
		.down {width: 24rpx;height: 16rpx;}
		.sear {width: 24rpx;height: 24rpx;}
		.bgImg {width: 100%;height: 200rpx;background-color: #576DAB;
			// image {height: 100% !important;}
		}
	}
</style>